/*
 * 全局样式，一般都是 body 元素的样式。
 * 比如 font-size 会影响到 rem 的大小嘛，写在这里。
 * 然后是 a 标签的样式什么的。一般第二个引入。
 */
$greencolor = #68B92E

html
    height 100%

body
    font-family -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif
    font-size $body-font-size
    line-height 1.6
    color $body-font-color
    // background-color: $body-background-color
    background-size 100% 100%
    height 100%
    min-width 1024px
    overflow-x auto
    padding-right 0 !important

ul, li
    list-style none
    margin 0
    padding 0

// a
// color: #6c757d
label
    margin-bottom 0

.mb-8
    margin-bottom 8px

container_base =
    margin-top -70px
    padding-top 70px

.container
    // container_base
    // min-height: 100%
    margin-bottom -32px
    padding-bottom 32px
    width 100%
    margin-right auto
    margin-left auto
    background-color transparent

.disabled
    opacity 0.25
    cursor not-allowed
    color rgba(0, 0, 0, 0.25)

.svg-disabled
    opacity 0.5
    svg
        cursor not-allowed

.card
    animation fade-in-bl 0.3s cubic-bezier(0.37, 0.59, 0.77, 1.44)

.loading
    position absolute
    top 50%
    left 50%
    transform translate(-50%, -50%)

    >div
        flex 0 0 4px
        width 4px
        height 35px
        display inline-block
        animation-fill-mode both
        background $greencolor
        display inline-block
        margin 2px
        animation line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)

        &:nth-child(1)
            animation-delay 0.1s

        &:nth-child(2)
            animation-delay 0.2s

        &:nth-child(3)
            animation-delay 0.3s

        &:nth-child(4)
            animation-delay 0.4s

        &:nth-child(5)
            animation-delay 0.5s

// 页面内容布局
.info-detail
    background-color #fff
    padding 24px 48px 32px 48px
    // border-bottom 1px solid rgba(0, 0, 0, 0.1)
    line-height 1
    font-size 16px
    padding-bottom 32px
    font-weight bold

.info-content
    display flex
    flex-direction column
    padding 0 48px

.info-content-center
    align-items center

.no-data
    display block

.ml-8
    margin-left 8px

.ant-input.has-error
    border-color #f5222d
    &:hover
        border-color #f5222d
    &:focus
        box-shadow 0 0 0 2px rgba(245,34,45,.2)

// 列表操作列不允许操作项样式
.unable-operate
    color rgba(0, 0, 0, 0.25)
    cursor not-allowed